* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

html,
body {
	height: 100%;
}

body {
	position: relative;
	padding-top: .28rem;
	font: .24rem/1 "microsoft yahei";
	background: -webkit-linear-gradient(left top, #182835, #0D94ED);
	background: -o-linear-gradient(bottom right, #182835, #0D94ED);
	background: -moz-linear-gradient(bottom right, #182835, #0D94ED);
	background: linear-gradient(to bottom right, #182835, #0D94ED);
}
.fl{
	float: left;
}
.legend{
	position: absolute;
	top: 8.27rem;
	right: 1.73rem;
	padding: .32rem .2rem;
	width: 3.8rem;
	background-color: rgba(6,38,73,.4);
}
table{
	border: none;
	border-bottom: 1px solid rgba(18,117,228,1);
}
tr{
	border: none;
}
tr td:nth-of-type(1){
	position: relative;
	padding-left: .54rem;
	border-right: 1px solid rgba(18,117,228,1);
}
tr td:nth-of-type(1):before{
	content: '';
	position: absolute;
	left: .13rem;
	top: .045rem;
	width: .31rem;
	height: .31rem;
	/*background-image: url(../img/notice.png);*/
	-webkit-background-size: .23rem .23rem;
	background-size: .23rem .23rem;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
tr td:nth-of-type(2){
	text-align: center;
}
td{
	width: 50%;
	height: .4rem;
	border-top: 1px solid rgba(18,117,228,1);
	border-left: none;
	border-right: none;
	border-bottom: none;
}
tr.ready{
	color: #e5a200;
}
tr.ready td:nth-of-type(1):before{
	background-color: #ffb400;
}
tr.ended{
	color: #e4395c;
}
tr.ended td:nth-of-type(1):before{
	background-color: #fe4066;
}
tr.running{
	color: #25a85f;
}
tr.running td:nth-of-type(1):before{
	background-color: #29bb6a;
}
.logo{
	margin: 0 auto;
	width: 12.83rem;
	height: 1.24rem;
	background-image: url(../img/logo.png);
}
#map {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100vw;
	height: 100vh;
}
.TipBox{
	padding: .3rem .4rem;
	width: 4.53rem;
	background-image: url(../img/border.png);
	
}
.title{
	margin: 0 auto .09rem;
	height: .66rem;
	line-height: .66rem;
	width: 3.32rem;
	/*background-image: url(../img/titleBorder.png);*/
	font-size: 0.28rem;
	letter-spacing: 0.028rem;
	color: #8bbfff;
	text-align: center;
}
.line{
	overflow: hidden;
	padding-left: .3rem;
	line-height: .26rem;
	font-size: .18rem;
	color: #c7e7f6;
	letter-spacing: 0.009rem;
	margin-bottom: 0.09rem;
}
.name{
	/*background: url(../img/name.png) no-repeat 0 0;*/
	-webkit-background-size: .22rem .21rem;
	background-size: .22rem .21rem;
}
.nameTarget{
	color: #f5fe01;
	word-break:break-all; /* 支持IE和chrome，FF不支持*/
	word-wrap:break-word; /* 以上三个浏览器均支持 */
	white-space : normal;
}
.joined{
	line-height: .31rem;
	/*background: url(../img/reader.png) no-repeat 0 .02rem;*/
	-webkit-background-size: .21rem .26rem;
	background-size: .21rem .26rem;
}
.joinedTarget{
	font-size: 0.28rem;
	color: #35fa6d;
}
.joinTime{
	/*background: url(../img/time.png) no-repeat 0 .03rem;*/
	-webkit-background-size: .2rem .2rem;
	background-size: .2rem .2rem;
}
.joinTime .pre{
	float: left;
}
.joinTimeTarget{
	float: left;
	font-size: .2rem;
	color: #ffb400;
}
.activiTime{
	line-height: .26rem;
	/*background: url(../img/time.png) no-repeat 0 0.03rem;*/
	-webkit-background-size: .2rem .2rem;
	background-size: .2rem .2rem;
}
.activiTimeTarget{
	font-size: 0.2rem;
	color: #7fb0eb;
}
.place{
	line-height: .26rem;
	/*background: url(../img/address.png) no-repeat 0 0.03rem;*/
	-webkit-background-size: .18rem .22rem;
	background-size: .18rem .22rem;
}
.placeTarget{
	color: #938bff;
}
.banner{
	display: block;
	width: 3.26rem;
	height: auto;
	margin: 0 auto;
}
